<template>
  <div>
    <van-index-bar>
  <div  v-for="(v,index) in arr" :key="index">
    <van-index-anchor :index="v" />
  <van-cell :title="v.text" v-for="(v,index) in car" :key="index"><img :src="v.img" alt=""></van-cell>
  </div>
</van-index-bar>
  </div>
</template>

<script>
export default {
    data(){
        return{
            arr:[
                'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'
            ],
            car:[],
            arr1:[]
        }
    },
    mounted(){
        this.$http({
            url: 'http://localhost:3000/car',
            method:"get"
         }).then(res => {
             this.car = res.data
             console.log(this.car)

        })
    }
}
</script>

<style lang="scss" scoped>
    img{
        width: 1.08rem;
        height: 36px;
    }
</style>